<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<%@ include file="include/Imports.jsp"%>
<title>APAC Resource Tracker</title>

<script type="text/javascript">
	function onInvokeAction(id) {
		setExportToLimit(id, '');
		createHiddenInputFieldsForLimitAndSubmit(id);
	}
	function onInvokeExportAction(id) {
		var parameterString = createParameterStringForLimit(id);
		location.href = '${clearances_url}?' + parameterString;
	}
</script>
					
</head>

<body>

	<div id="main">

		<!-- Tray -->
		<%@ include file="include/Tray.jsp"%>


		<hr class="noscreen" />

		<!-- Menu -->
		<%@ include file="include/Menu.jsp"%>


		<hr class="noscreen" />

		<!-- Columns -->
		<div id="cols" class="box">

			<!-- Aside (Left Column) -->
			<%@ include file="include/Aside.jsp"%>


			<hr class="noscreen" />

			<!-- Content (Right Column) -->
			<div id="content" class="box">
				<%@ include file="include/Notification.jsp"%>
				<h1>Clearance & Last Pay Monitoring</h1>

				<h5>This is a system that will cater to the needs of APAC Sales
					Department of 77 Global Services.</h5>

				<div class="tabs box">
					<ul>
						<li><a href="#SummaryTab"><span>Summary</span></a></li>
						<li><a href="#ViewClearancesTab"><span>View Clearances</span></a></li>
						<li><a href="#InputNewClearanceEntryTab"><span>Input New Clearance Entry</span></a></li>
					</ul>
				</div>
				<!-- /tabs -->

				<div id="SummaryTab">

					<form action="${clearances_url}">${summary}
					</form>

				</div>

				<div id="ViewClearancesTab">

					<form action="${clearances_url}">${clearances}
					</form>

				</div>

				<div id="InputNewClearanceEntryTab">

					<form>
						<table>
							<tr>
								<td><b>No.</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Name</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Account</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Clearance Management Notification</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Last Day</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Hold Payroll Date</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Period of Last Day</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Clearance Received</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>With Liability</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Clearance Submitted to HR</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Target Check Release Date</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Last Pay For Audit</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Check Availability</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Release Date</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Remarks</b></td>
								<td><input type="text" value="" /></td>
							</tr>
						</table>
						<input type="submit" value="Submit"></input>
					</form>

				</div>

			</div>
			<!-- /content -->

		</div>
		<!-- /cols -->

		<hr class="noscreen" />

		<!-- Footer -->
		<%@ include file="include/Footer.jsp"%>

	</div>
	<!-- /main -->

</body>
</html>